<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="../../s/element-ui/2.13.2/theme-chalk/index.css">
<title>Icon 图标</title>
<style type="text/css">
[v-cloak] {
	display: none !important;
}
</style>
</head>
<body>
	<div id="app" v-cloak>

		<h3>按钮图标</h3>
		<el-button type="primary" icon="el-icon-search">搜索</el-button>
		<el-button type="success" icon="el-icon-circle-plus">新增</el-button>
		<el-button type="danger" icon="el-icon-remove">删除</el-button>

		<h3>图标集合</h3>
		<div>
			<i class="el-icon-info"></i>
			<i class="el-icon-error"></i>
			<i class="el-icon-success"></i>
			<i class="el-icon-warning"></i>
			<i class="el-icon-question"></i>
			<i class="el-icon-back"></i>
			<i class="el-icon-arrow-left"></i>
			<i class="el-icon-arrow-down"></i>
			<i class="el-icon-arrow-right"></i>
			<i class="el-icon-arrow-up"></i>
			<i class="el-icon-caret-left"></i>
			<i class="el-icon-caret-bottom"></i>
			<i class="el-icon-caret-top"></i>
			<i class="el-icon-caret-right"></i>
			<i class="el-icon-d-arrow-left"></i>
			<i class="el-icon-d-arrow-right"></i>
			<i class="el-icon-minus"></i>
			<i class="el-icon-plus"></i>
			<i class="el-icon-remove"></i>
			<i class="el-icon-circle-plus"></i>
			<i class="el-icon-remove-outline"></i>
			<i class="el-icon-circle-plus-outline"></i>
			<i class="el-icon-close"></i>
			<i class="el-icon-check"></i>
			<i class="el-icon-circle-close"></i>
			<i class="el-icon-circle-check"></i>
			<i class="el-icon-circle-close-outline"></i>
			<i class="el-icon-circle-check-outline"></i>
			<i class="el-icon-zoom-out"></i>
			<i class="el-icon-zoom-in"></i>
			<i class="el-icon-d-caret"></i>
			<i class="el-icon-sort"></i>
			<i class="el-icon-sort-down"></i>
			<i class="el-icon-sort-up"></i>
			<i class="el-icon-tickets"></i>
			<i class="el-icon-document"></i>
			<i class="el-icon-goods"></i>
			<i class="el-icon-sold-out"></i>
			<i class="el-icon-news"></i>
			<i class="el-icon-message"></i>
			<i class="el-icon-date"></i>
			<i class="el-icon-printer"></i>
			<i class="el-icon-time"></i>
			<i class="el-icon-bell"></i>
			<i class="el-icon-mobile-phone"></i>
			<i class="el-icon-service"></i>
			<i class="el-icon-view"></i>
			<i class="el-icon-menu"></i>
			<i class="el-icon-more"></i>
			<i class="el-icon-more-outline"></i>
			<i class="el-icon-star-on"></i>
			<i class="el-icon-star-off"></i>
			<i class="el-icon-location"></i>
			<i class="el-icon-location-outline"></i>
			<i class="el-icon-phone"></i>
			<i class="el-icon-phone-outline"></i>
			<i class="el-icon-picture"></i>
			<i class="el-icon-picture-outline"></i>
			<i class="el-icon-delete"></i>
			<i class="el-icon-search"></i>
			<i class="el-icon-edit"></i>
			<i class="el-icon-edit-outline"></i>
			<i class="el-icon-rank"></i>
			<i class="el-icon-refresh"></i>
			<i class="el-icon-share"></i>
			<i class="el-icon-setting"></i>
			<i class="el-icon-upload"></i>
			<i class="el-icon-upload2"></i>
			<i class="el-icon-download"></i>
			<i class="el-icon-loading"></i>
		</div>
	</div>
	<script src="../../s/vue/2.7.16/vue.min.js"></script>
	<script src="../../s/element-ui/2.13.2/index.js"></script>
	<script>
		new Vue({
			el : '#app',
			data : function() {
				return {};
			},
			methods : {
				handleChange : function(value) {
				}
			}
		})
	</script>
</body>
</html>